import React from "react";
import '../style/components/hour-weather.scss'

const HourWeather = ({ weather, isLoading, isError }) => {
  return (
      <div className="hour">
           {(weather && weather.length ) && weather.map((hour, index) => {
                return ( 
                    <div className="hour-item" key={index}>
                        <div className="hour-item-temperature">
                            {hour.temperature}<span >&#8451; </span>
                        </div>
                        <div className="hour-item-week"> {hour.currentHour}</div>
                    </div>)
            })}
      </div>
  );
};

export default HourWeather;
